<template>
    <div :class="{marginTop10: prop.marginFlag=='true'}">
        <div class="hotTitle" :class="{hotTitleIsShow:prop.isShowFlag=='true'}" style="display: flex;justify-content: space-between">
            <div>
              {{prop.title}}
            </div>
            <div style="padding-right: 10px;">
                查看更多>
            </div>
        </div>
        <div class="qk-goods" v-if="prop.isShowFlag!=''">
            <productItem  :productdata="prop.goodsList" :flex="prop.flex"></productItem>
        </div>
    </div>
</template>
<script>
    import productItem from "./product/productItem.vue";
    // import {
    //     getSellerList
    // } from "@/api/base/goods/seller/goods";
    import {getGoodsListByIds} from "@/api/base/goods/goods";
    import {mapState} from "vuex";
    export default {
        name: "qkStoreActivity",
        props:{
            prop: {
                type: Object,
                default(){
                    return {
                        acIdHD:'',
                        marginFlag:'true',
                        title:"",
                        isShowFlag:'',
                        flex:'8',
                        goodsList:[
                            {
                                id:'11111',
                                goodsMainPhotoUrl:"http://seopic.699pic.com/photo/50051/4111.jpg_wh1200.jpg",
                                goodsName:"默认商品",
                                showPrice:"123",
                                acType:6,
                                goodsPriceBean:{
                                    price:122,
                                    originalPrice:899
                                },
                                subsidiaryAcTypeList:[],
                            },
                            {
                                id:'11111',
                                goodsMainPhotoUrl:"http://seopic.699pic.com/photo/50051/4111.jpg_wh1200.jpg",
                                goodsName:"默认商品",
                                showPrice:"123",
                                acType:6,
                                goodsPriceBean:{
                                    price:122,
                                    originalPrice:899
                                },
                                subsidiaryAcTypeList:[],
                            }],
                    }
                }
            }
        },
        components:{
            productItem
        },
        data() {
            return {
            }
        },
        methods:{
        },
        created() {
        },
    }
</script>
<style lang="scss" scoped>
    .hotTitle{
        font-weight: 400;
        font-size:16px;
        line-height: 30px;
        border-left:5px solid #fa436a;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .hotTitleIsShow{
        display: block;
    }
    .marginTop10{
        margin-top: 10px;
    }
</style>